<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>

  <style>
    div{border:1px solid #000000; width:260px; height:260px;}
    div img{border: 1px solid #cccccc;width:200px; height:200px;top:0;left:0;}
    button{top:300px;}
    button#bup{left:20px; }
    button#bdown{left:80px;}
    button#bleft{left:140px; }
    button#bright{left:200px; }
  </style>
</head>
<body>
  <div><img id="bimg" src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"/></div>
  <div id="ddiv"><button class="move" data-dir="top" data-step="-1" id="bup">向上</button></div>
  <button class="move" data-dir="top" data-step="1" id="bdown">向下</button>
  <button class="move" data-dir="left" data-step="-1" id="bleft">向左</button>
  <button class="move" data-dir="left" data-step="1" id="bright">向右</button>
  <script src="../G.js"></script>

</body>
</html>